﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication1.Models.Equipo>" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        foreach (var j in (List<MvcApplication1.Models.Jugadore>)ViewData["Jugadores"])
        {
            lbJugadores.Items.Add(j.Nombre + " " + j.Apellido);
            Capitan.Items.Add(j.Nombre + " " + j.Apellido);
            if (Model.IDCapitan == j.IDJugador)
            {
                Capitan.SelectedIndex = Capitan.Items.Count - 1;
                Email.Text = j.EMail;
                    
            }
        }
    }
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Edit
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <form id="form1">

    <h2>Editar Equipo</h2>

    <%= Html.ValidationSummary("Edit was unsuccessful. Please correct the errors and try again.") %>

    <% using (Html.BeginForm()) {%>

        <fieldset>
            <legend>Edite los campos pertinentes</legend>
            <p>
                <label for="Capitan">Capitan:</label>
            </p>
            <p>
                <asp:DropDownList ID="Capitan" runat="server"></asp:DropDownList>
            </p>
            <p>
                <label for="Nombre">Nombre:</label>
            </p>
            <p>
                <%= Html.TextBox("Nombre del Equipo:", Model.Nombre) %>
                <%= Html.ValidationMessage("Nombre", "*") %>
            </p>
            <p>
                <label for="EstadoPagos">EstadoPagos:</label>
            </p>
            <p>
                <%= Html.TextBox("EstadoPagos", Model.EstadoPagos) %>
                <%= Html.ValidationMessage("EstadoPagos", "*") %>
            </p>
            <p>
                <asp:Label ID="asd" runat="server" Text="Email de Contacto:"></asp:Label>
            </p>
                <asp:Textbox ID="Email" runat="server"></asp:Textbox>
            <p>
                <asp:Label ID="Label1" runat="server" Text="AgregarJugador:"></asp:Label>
            </p>
            <p>
                <asp:Label ID="KASD" runat="server" Text="Nombre:"></asp:Label>
                <asp:Textbox runat="server" id="Nombre" Width="124px"/>
            </p>
            <p>
                <asp:label ID="nada" runat="server" Text="Apellido"></asp:label>
                <asp:Textbox runat="server" id="Apellido"/>
            </p>
            <p>
                <input type="button" value="Agregar" onclick="prueba()" />
            </p>
            <p>
                <asp:ListBox ID="lbJugadores" runat="server" Height="284px" Width="272px"></asp:ListBox>       
                <input type = "button" id="Borrar" value = "Borrar Jugador" onclick="Borrar_onclick()" />
            </p>
            <script language="javascript" type ="text/javascript" >
                function prueba() {
                    var tb = document.getElementById("<%=Nombre.ClientID %>");
                    var tba = document.getElementById("<%= Apellido.ClientID %>");
                    var lb = document.getElementById("<%=lbJugadores.ClientID %>");
                    var drop = document.getElementById("<%=Capitan.ClientID %>");

                    if (tb.value.indexOf(" ") == -1 && tba.value.indexOf(" ") == -1) {
                        var text = tb.value + " " + tba.value;
                        tb.value = "";
                        tba.value = "";

                        var opt = document.createElement("option");
                        var opt2 = document.createElement("option");

                        lb.options.add(opt);
                        drop.options.add(opt2);
                        
                        opt.text = text;
                        opt.value = text;
                        opt2.text = text;
                        opt2.value = text;
                    }
                    else {
                        alert("los campos de nombre y apellido no pueden llevar espacio");
                        tb.value = "";
                        tba.value = "";
                        tb.focus();
                    }
                }

                function Borrar_onclick() {
                    var lb = document.getElementById("<%=lbJugadores.ClientID %>");
                    var drop = document.getElementById("<%= Capitan.ClientID %>");
                    var i;
                    for (i = lb.options.length - 1; i >= 0; i--) {
                        if (lb.options[i].selected) {
                            lb.remove(i);
                            drop.remove(i);
                        }
                    }
                }

                function ayuda() {
                    var lb = document.getElementById("<%=lbJugadores.ClientID %>");
                    var drop = document.getElementById("<%= Capitan.ClientID %>");
                    var tb = document.getElementById("<%=Nombre.ClientID %>");
                    var ap = document.getElementById("<%=Apellido.ClientID %>");
                    tb.value = "";
                    ap.value = "";
                    var b = 0;
                    for (i = 0; i < lb.length; i++) {
                        if (tb.value == "") {
                            tb.value = lb.options[i].value;
                            b++;
                        }
                        else {
                            tb.value = tb.value + " - " + lb.options[i].value;
                            b++;
                        }

                        if (drop.options[i].selected)
                            ap.value = drop.options[i].value;
                    }

                    var bt = document.getElementById("Save");
                    bt.click();

                }
            </script>
            <p>
                <input type="button" value="Editar" onclick="ayuda()" />
                <input type="submit" id = "Save" value="Save" />
            </p>
         
        </fieldset>

    <% } %>

    <div>
        <%=Html.ActionLink("Todos los Equipos", "Index") %>
    </div>

    </form>

</asp:Content>

